<template>
  <div class="student-profile">
    <section class="header">
      <!-- 导航栏 -->
      <student-nav />

      <!-- 搜索部分 -->
      <student-search />
    </section>

    <!-- 课程列表部分 -->
    <course-list />
  </div>
</template>

<script>
import StudentNav from './childComps/StudentNav';
import CourseList from './childComps/CourseList';
import StudentSearch from './childComps/StudentSearch';

export default {
  name: 'StudentProfile',
  components: {
    StudentNav,
    CourseList,
    StudentSearch,
  },
};
</script>

<style scoped>
.student-profile {
  min-width: 1040px;
  min-height: 610px;
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.student-profile .header {
  height: 52px;
  padding: 0 30px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 #edeef080;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
</style>